.domain-management-form-footer {
	border-top: 1px solid var( --color-neutral-0 );
	margin: 16px -16px -16px;
	padding: 16px;
	display: flex;
	justify-content: flex-start;

	@include breakpoint( '>480px' ) {
		padding: 24px;
		margin: 24px -24px -24px;
	}

	@include breakpoint( '<480px' ) {
		flex-direction: column;
	}

	.button {
		margin: 0 0 0 15px;

		&.is-primary {
			margin: 0 0 15px;

			@include breakpoint( '>480px' ) {
				margin: 0;
			}

			@include breakpoint( '<480px' ) {
				order: 1;
			}
		}

		@include breakpoint( '<480px' ) {
			width: 100%;
			order: 2;
		}
	}
}
